.recharge-main {
	.scroll-wrap {
		flex: 1;
		font-size: 28rpx;
		color: #333;
		background-color: #fff;
		overflow-y: auto;
		.recharge-content {
			padding: 30rpx;
			.title {
				margin-bottom: 30rpx;
				font-size: 32rpx;
				line-height: 48rpx;
				color: #333;
				font-weight: 700;
			}
			.price-list {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				.price-item {
					flex:0 0 calc((100% - 40rpx)/4);
					height: 80rpx;
					border-radius: 14rpx;
					margin-right: 10rpx;
					margin-bottom: 20rpx;
					font-size: 28rpx;
					color: #999;
					background-color: #efefef;
					&::after {
						border-radius: 28rpx;
					}
				}
				.p-active {
					color: #fff;
					background: linear-gradient(to right, rgb(255, 65, 108), rgb(255, 75, 43));
					&::after {
						width: 0;
						height: 0;
					}
				}
				&::after {
					content: '';
					flex: auto;
				}
			}
			.input-price {
				display: flex;
				justify-content: space-between;
				margin-top: 20rpx;
				margin-bottom: 40rpx;
				.label {
					font-size: 30rpx;
				}
				.uni-input {
					text-align: right;
				}
				.placeholder {
					font-size: 28rpx;
					color: #999;
				}
			}
			.payment-method {
				.cell {
					display: flex;
					align-items: center;
					width: 100%;
					height: 120rpx;
					.pay-name {
						flex: 1;
						padding-left: 20rpx;
						font-size: 30rpx;
						line-height: 30rpx;
						color: #333;
						font-weight: 700;
					}
					.wxpay-icon {
						font-size: 40rpx;
						color: #04BE02;
					}
					.zfbpay-icon {
						font-size: 40rpx;
						color: #09A0F8;
					}
					.selected-icon {
						color: #ff4b2b;
						font-size: 30rpx;
					}
				}
			}
		}
	}
}